// 模拟点击事件

$('#btnChooseImg').on('click', function () {
  
  $('#file').click()
})

// 监听file
let file = null

$('#file').on('change', function (e) {
  
  let files = e.target.files
  if (files.length === 0) {
    // 如果没有文件的话,file变量依旧为未赋值
    file=null
    return
  }
  file = files[0]
  
  let imgURL = URL.createObjectURL(files[0])
  $('#image').attr('src', imgURL)
 
})

// 点击上传头像
$('#btnUploadImg').on('click', function () {

  if (!file) {
    layer.msg('请选择需要上传的图片')
    return
  }
  
  // 定义一个构造函数

  let fr=new FileReader()

  //通过监听file 的全局变量file进行获取文件
  fr.readAsDataURL(file)

  // 监听文件是否完成

  fr.addEventListener('load', function () {
    
    axios.patch('/my/update/avatar', {
      avatar:fr.result
    })
    .then(({data:res}) => {
      if (res.code === 0) {
        layer.msg('更新头像成功', { icon: 1 })
        
        window.parent.initUserInfo()
        
        
        file=null
      }


    })
   
  })
})